<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>note-code</title>
	<style>
		.container {
			width: 300px;
			height: 300px;
			background-color: skyblue;
			display: grid;
			grid-template-rows: 1fr 1fr 1fr;
			grid-template-columns: 1fr 1fr 1fr;

			/* grid-row-gap: 20px;
			grid-column-gap: 20px; */
			/* row-gap: 20px;
			column-gap: 20px; */
			grid-gap: 20px 20px;
			/* gap: 20px 20px; */
		}

		.container div {
			background-color: pink;
		}
	</style>
</head>

<body>
	<div class="container">
		<div>01</div>
		<div>02</div>
		<div>03</div>
		<div>04</div>
		<div>05</div>
		<div>06</div>
		<div>07</div>
		<div>08</div>
		<div>09</div>
	</div>
</body>

</html>